﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="CheckoutForm.aspx.cs" Inherits="RBOSS.WebUI.CheckoutForm" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        .billing-info {
            margin-top: 20px;
            
        }

        .billing-title {
            font-size: 16px;
            font-weight: bold;
        }
        .cartlist{
            clear:both;
        }
        .cartlist table{
            width:560px;
            cellspacing:10px;
            cellpadding:5px;
            background:#fff;
        }
        .carlist table th{
            font-weight:normal!important;
            border-bottom:1px solid #bebebe;
            font-size:14px;
        }
        .carlist table tr{
            background:#f0f4f5;
        }
        .cartlist table td{
            border-top:1px solid #f0f4f5;
            text-align:center;
            font-size:14px;
            
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="center_title_bar" style="margin-bottom:10px;">Payment Confirmation</div>
    <div class="cartlist">
        <asp:GridView runat="server" AutoGenerateColumns="False" DataKeyNames="ProductId" ID="gvProduct" GridLines="None">
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <img src='<%# DataBinder.Eval(Container.DataItem, "Image")%>' width="105px"/>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Quantity" HeaderStyle-Font-Bold="false" HeaderStyle-Font-Italic="true" HeaderStyle-Font-Size="12px">
                    <ItemTemplate>
                        <%# DataBinder.Eval(Container.DataItem, "Qunatity") %>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Unit Price"  HeaderStyle-Font-Bold="false" HeaderStyle-Font-Italic="true" HeaderStyle-Font-Size="12px">
                    <ItemTemplate>
                        <%# DataBinder.Eval(Container.DataItem, "Price") %>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Total"  HeaderStyle-Font-Bold="false" HeaderStyle-Font-Italic="true" HeaderStyle-Font-Size="12px">
                    <ItemTemplate>
                        <%# DataBinder.Eval(Container.DataItem, "Total") %>
                    </ItemTemplate>
                </asp:TemplateField>
                
            </Columns>
        </asp:GridView>
        
    </div>
    <div class="billing-info">
        <% if (Billing != null)
           { %>
        <div class="billing-title">
            Billing Infomation
        </div>
        <table>
            <tr><td>Name on card</td><td><%=Billing.NameOnCard %></td></tr>
            <tr><td>Expired Date</td><td><%=Billing.ExpiredDate %></td></tr>
            <tr><td>Card Number</td><td>xxxx-xxxx-<%= Billing.CreditCardNumber.Substring(Billing.CreditCardNumber.Length-4,4) %></td></tr>
        </table>
        <% } %>
    </div>
    
    <div class="billing-info">
        <% if (Shipping != null)
           { %>
        <div class="billing-title">
            Shipping Information
        </div>
        <table>
            <tr><td>Ship to</td><td><%=Shipping.Address1 %></td></tr>
            <tr><td></td><td><%=Shipping.City %>, <%=Shipping.State %>, <%=Shipping.Zip %></td></tr>
        </table>
        <% } %>
    </div>

    <div style="float:right;"><asp:Button runat="server" ID="butConfirmPayment" CssClass="bigGreenButton" style="width:200px;" Text="Confirm Payment"/></div>
</asp:Content>
